// base config
$baseColor: #53C4F4;
$subTextColor: #A3A3A3;

page{font-size: 32upx;}

.content{
	padding: 0 40upx;
}

// 栏目标题
.column-title{
	display: flex; justify-content: space-between; margin-bottom: 28upx;
	h6{font-size: 32upx; color: $baseColor;}
	navigator{color: $subTextColor; font-size: 24upx;}
}

// 动态列表
.clock-list{
	padding-bottom: 150upx;
	.clock-list-item{
		box-shadow:0px 6px 11px 0px rgba(204,204,204,0.65);
		border-radius:8px;
		border:1px solid rgba(229,229,229,1);
		padding: 30upx 40upx;
		margin-bottom: 30upx;
	}
}
.clock-list{
	.clock-list-item{
		font-size: 26upx;
		.clock-item-header{
			display: flex; align-items: center; margin-bottom: 35upx;
			.cih-avatar{width: 100upx; height: 100upx; overflow: hidden; border-radius: 50%; margin-right: 26upx;}
			.chi-user{
				width: 500upx;
				.chi-user-name{font-size: 30upx; color: #6F6E6E;}
				.chi-user-days{font-size: 24upx; color: #999;}
			}
		}
		.clock-item-content{color: #717171; font-size: 28upx; margin-bottom: 10upx;}
		.clock-item-images{
			display: flex; margin-bottom: 56upx;
			.clock-item-image{
				width: 192upx; height: 187upx; border-radius: 8upx; margin-right: 10upx; margin-bottom: 10upx;
			}
		}
		.clock-item-option{
			display: flex; justify-content: space-between; font-size: 24upx; align-items: center; margin-bottom: 40upx;
			.cio-date{color: #999; font-size: 18upx;}
			.cio-btns{
				display: flex;
				.cio-btn{
					display: flex; align-items: center; padding: 0 35upx;
					image{margin-right: 15upx;}
					&.cio-btn-comment{
						image{width: 32upx; height: 27upx;}
					}
					&.cio-btn-praise{
						image{width: 27upx; height: 29upx;}
					}
				}
			}
		}
		.praise-list{
			margin-bottom: 40upx;
		}
		.comment-list{
			border-radius: 8upx; background-color: #F8F8F8; padding: 20upx;
		}
	}
}
